<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 标题 -->
    <title>渔人码头</title>
    <!-- 关键词 -->
    <meta name="keywords" content="" />
    <!-- 网站简介 -->
    <meta name="description" content="" />
    <!-- 自适应屏幕 -->
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
    <!-- IE兼容 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <!-- 最新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/bootstrap.css">
     <!-- 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/style.css" type="text/css">
    
</head>
<body class="index-bg">
    <!-- Start diet -->
    <div class="diet">
        <!--diet Nav tabs -->
        <div class="taca">
            <ul class="nav nav-tabs">
                <li class=""><a href="index.html">点菜</a></li>
                <li class="diet-li active"><a href="order.html" >订单</a></li>
                <li class=""><a href="about.html">店家</a></li>
            </ul>
        </div>
        
        <!--diet Tab panes -->
        <div class="tab-content">
            <!-- 订单 -->
            <div class="" id="profile">
                <div class="container">
                    <!-- 无订单 -->
                    <div class="order-no">
                        您还没下单呢
                    </div>

                    <!-- 有订单 -->
                    <div class="order-yes">
                        <div class="order-top">
                            <div class="title">
                                已下单的菜:
                            </div>
                            <div class="row">
                                <div class="col-xs-5 otxt">桌号：9</div>
                                <div class="col-xs-5 otxt">人数：3</div>
                            </div>
                        </div>

                        <div class="order-center">
                            <div class="row order-c1">
                                <div class="col-xs-5 clearfix">
                                    <div class="left">
                                        <img src="images/avater.jpg" alt="">
                                    </div>
                                    <div class="left">小小</div>
                                </div>
                                <div class="col-xs-4">价格*数量</div>
                                <div class="col-xs-3">11:39</div>
                            </div>
                            
                            <div class="row order-c3">
                                <div class="col-xs-5 order-c2">
                                    糯米饭糯米饭饭
                                </div>
                                <div class="col-xs-4">¥100*1</div>

                                <!-- 未通过 -->
                                <div class="col-xs-3">
                                    <img src="images/wtg.png" alt="">
                                </div>
                            </div>
                            <div class="row order-c3">
                                <div class="col-xs-5 order-c2">
                                    可乐
                                </div>
                                <div class="col-xs-4">¥5*1</div>

                                <!-- 提供中 -->
                                <div class="col-xs-3">
                                    <img src="images/tgz.png" alt="">
                                </div>
                            </div>
                        </div>

                        <div class="order-center">
                            <div class="row order-c1">
                                <div class="col-xs-5 clearfix">
                                    <div class="left">
                                        <img src="images/avater.jpg" alt="">
                                    </div>
                                    <div class="left">小小</div>
                                </div>
                                <div class="col-xs-4">价格*数量</div>
                                <div class="col-xs-3">11:39</div>
                            </div>
                            <div class="row order-c3">
                                <div class="col-xs-5 order-c2">
                                    糯米饭
                                </div>
                                <div class="col-xs-4">¥100*1</div>

                                <!-- 待审核 -->
                                <div class="col-xs-3">
                                    <img src="images/dsh.png" alt="">
                                </div>
                            </div>
                            <div class="row order-c3">
                                <div class="col-xs-5 order-c2">
                                    可乐
                                </div>
                                <div class="col-xs-4">¥5*1</div>

                                <!-- 已取消 -->
                                <div class="col-xs-3">
                                    <img src="images/yqx.png" alt="">
                                </div>
                            </div>
                        </div>

                        <div class="order-bottom">
                            <div class="row total">
                                <div class="col-xs-7">总共</div>
                                <div class="col-xs-5">¥210</div>
                            </div>
                            <div class="row">
                                <div class="col-xs-7">已支付</div>
                                <div class="col-xs-5 red">¥0</div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 不可支付 -->
                <!-- <div class="order-pay-no">
                    <a>结账</a>
                </div> -->

                <!-- 可支付 -->
                <form action="pay.html" class="order-pay-yes" method="post">
                    <input type="submit" value="结账"/> 
                </form>
            </div>

        </div>
    </div>
    <!-- End diet -->
    <!-- jQuery文件 -->
    <script src="js/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="js/bootstrap.min.js"></script>
</body>
</html>